<!DOCTYPE HTML>
<html>
<head>
<title>我的个人博客</title>
<link href="./Public/home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="./Public/home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='./Public/home/css/css.css' rel='stylesheet' type='text/css'>
<link href='./Public/home/css/css1.css' rel='stylesheet' type='text/css'>
<script src="./Public/home/js/jquery.min.js"></script>				
</head>
<body>
<!-- header -->
	<div class="banner">
  	    <div class="container">
				<a id="myLogo" href="index.html">My Blog</a>
			
		</div> 
			
				</div>
				
				<div class="header-bottom">
				<div class="container">
					<div class="head-nav">
						<span class="menu"> </span>
							<ul>
								<li                 class="active"
               ><a href="index.html">首页</a></li>
																<li ><a href="c_2.html">科技</a></li>
																<li ><a href="c_1.html">新闻</a></li>
																<div class="clearfix"> </div>
						</ul>
					</div>
					
				<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav -->		
						<div class="clearfix"> </div>
			</div>
			
	</div>
	
<!-- header -->
<!-- content -->

<?php foreach ($data as $v){?>
	<div class="container" >
		<div class="content">
			
			
	<div class="travelling">
			<div class="col-md-10 travelling1">
				<?php if(($v['thumb'])): ?>
			<img src="<?php echo $v['thumb']?>" class="img-responsive"  style="display: block;float:left;"/>
			<?php endif ?>
				<h3 style="text-align:center; "><p><?php echo $v['title']?></p></h3>
				<h5 style="text-align:center; ">by  <?php echo $v['author']?> , <?php echo date('Y-m-d H:i:s',$v['sendtime'])?> ,<a href="c_<?php echo $v['cid']?>.html" ><?php echo $v['cname']?></a>
					<br />
					<?php foreach ($v['tag'] as $t){?>
					<a href="t_<?php echo $t['tid']?>.html" style="text-align: center;"><?php echo $t['tname']?>、</a>
					<?php }?>
					
				</h5>
				<p><span><?php echo $v['digest']?></span></p> 
			</div>
			<div class="col-md-1 travelling2">
				<h3><?php echo $v['click']?></h3>
				<p>阅读量</p>
			</div>
				<div class="clearfix"> </div>
	</div>
	<div class="loadmore">
			<a class="more" href="a_<?php echo $v['aid']?>.html">阅读全文</a>
	</div>
	
</div>	
</div>
<?php }?>
	<footer class="hidden-xs" style="text-align: center;">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
						<h4 class="_title">最新文章</h4>
												<div id="" class="_single">
							<p><a href="a_1.html" style="text-decoration:none;">虚拟现实</a></p>
							<time>2016-08-03 15:39:21</time>
						</div>
											</div>
					<div class="col-sm-4 footer_tag">
						<div id="">
							<h4 class="_title">标签云</h4>
														<a href="t_1.html" style="margin-left: 5px;text-decoration:none;"> 热门</a>
														<a href="t_2.html" style="margin-left: 5px;text-decoration:none;"> 火爆</a>
													</div>
					</div>
					<div class="col-sm-4">
						<h4 class="_title">友情链接</h4>
												<div id="" class="_single">
							<p><img src="Upload/24441470211932.jpg" width="14" />&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.baidu.com" target="_blank" style="text-decoration:none;">百度</a></p>
						</div>
												<div id="" class="_single">
							<p><img src="Upload/79291470212433.png" width="14" />&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.qq.com" target="_blank" style="text-decoration:none;">腾讯</a></p>
						</div>
											</div>
				</div>
			</div>
		</footer>
		<br />
		<br />
		<div class="footer_bottom">
		<div class="container">
		
			<div class="social">
				<ul>
					<li><a href="index.html" style="text-decoration:none;">我的个人博客</i></li></a>|
					<li><a href="javascript:;" style="text-decoration:none;">Copyright © 1998 - 2016 CRBHF. All Rights Reserved</i></li></a>|
					<li><a href="javascript:;" style="text-decoration:none;">admin@admin.com</i></li></a>
						<div class="clearfix"></div>
				</ul>
			</div>
		</div>
		</div>
		<!--返回顶部自己写的插件-->
		<script src="./Public/home/js/backTop.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//插件使用
				$('.back_top').backTop({right:30});
			})
		</script>
		<div class="back_top hidden-xs hidden-md">
			<i class="glyphicon glyphicon-menu-up"></i>
		</div>
		
	</body>
</html>